<style lang="scss" scoped>
    .navbar{
        cursor: pointer;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 15px 0;
        width: 25%;
        img{
            height:60px;
            width: 60px;
            margin-bottom: 10px;
        }
    }
</style>
<template>
    <div class="flex flex-wrap row-around p5">
        <span @click="link('/coupon-add')" class="navbar ui-hover-shadow">
            <img src="~@/icons/nav_01.png">
            发彩金
        </span>
        <span @click="link('/baicaikuang')" class="navbar ui-hover-shadow">
            <img src="~@/icons/nav_02.png">
            白菜筐
        </span>
        <span @click="link('/shaitikuan')" class="navbar ui-hover-shadow">
            <img src="~@/icons/nav_03.png">
            晒提款
        </span>
        <span @click="link('/tougao')" class="navbar ui-hover-shadow">
            <img src="~@/icons/circle_write.png">
            投稿
        </span>
    </div>
</template>
<script>
    export default {
        methods:{
            link(path){
                if (!this.$store.state.userInfo.user_login) {
                    this.$alert('请先登录!')
                }else{
                    this.$router.push(path)
                }
            }
        },
    }
</script>